<div class="list">
    <!--头部数据-->
    <div class="head">
        <p class="count">目前总报名数:<span>{{count}}人</span></p>
        <img src="../src/img/bg-list-head.png" alt="">
    </div>

    <div class="content" ng-class="title">
        <!--标签组-->
        <ul class="title">
            <li class="create {{ title=='create'?'active':'' }}" ng-click="changeTitle('create')">
                <div class="name">创客组</div>（青年创业者）
            </li>
            <li class="youth {{ title=='youth'?'active':'' }}" ng-click="changeTitle('youth')">
                <div class="name">青春组</div>（高校女生、新晋网红）
            </li>
        </ul>

        <!--搜索框-->
        <div class="search">
            <input type="text" placeholder="请输入选手姓名或编号" ng-model="sData.searchTxt">
            <button ng-click="toSearch()">搜&nbsp;索</button>
        </div>

        <!--创客组-->
        <div class="list-area" ng-show="!sData.isSearch && title=='create'">
            <div deckgrid class="deckgrid" source="listdata.bluelist.data">
                <a class="li" ng-href="#/detail/{{ card.id }}">
                    <img ng-src="{{card.tc_image[0]}}?imageMogr2/crop/"/>
                    <p>{{card.id}}号<em>{{card.name}}</em></p>
                </a>
            </div>
            <div name="more" class="more createmore" ng-if="listdata.bluelist.more"><img src="../src/img/loading.png"/>加载中...</div>
            <div class="more" ng-if="!listdata.bluelist.more">没有更多选手了~</div>
        </div>

        <!--青春组-->
        <div class="list-area" ng-show="!sData.isSearch && title=='youth'">
            <div deckgrid class="deckgrid clearfix" source="listdata.redlist.data">
                <a class="li" ng-href="#/detail/{{ card.id }}">
                    <img ng-src="{{card.tc_image[0]}}?imageMogr2/crop/"/>
                    <p>{{card.id}}号<em>{{card.name}}</em></p>
                </a>
            </div>
            <div name="more" class="more youthmore" ng-if="listdata.redlist.more"><img src="../src/img/loading-red.png"/>加载中...</div>
            <div class="more" ng-if="!listdata.redlist.more">没有更多选手了~</div>
        </div>

        <!--搜索-->
        <div class="search-area" ng-show="sData.isSearch">
            <div deckgrid class="deckgrid clearfix" source="sData.data">
                <a class="li" ng-href="#/detail/{{ card.id }}">
                    <img ng-src="{{card.tc_image[0]}}?imageMogr2/crop/"/>
                    <p>{{card.id}}号<em>{{card.name}}</em></p>
                </a>
            </div>
            <div class="more" ng-if="sData.nothing">没有搜索到相关选手</div>
        </div>
    </div>

</div>

<link rel="import" href="/views/nav.html?__inline">

<div id="popup-captcha" class="disNone"></div>